body {
    padding-bottom: 60px;
    position: relative;
    background-color: #f5f5f5;
  }
  .header .circle-box {
    width: 50px;
    padding-bottom: 8px;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
  }
  .header .circle-box .circle {
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background-color: #fff;
  }
  .header .circle-box .circle.on {
    background-color: #1989fa;
  }
  .header>button{
      width: 60px;
      height: 30px;
      position: absolute;
      top: 30px;
      left: 20px;
      opacity: 0.3;
      outline: none;
      border-radius: 9px;
  }
  .alt{
      background-color: #fff;
      height: 110px;
      border-bottom: 1px solid #f5f5f5;
      overflow: hidden;
      position: relative;
  }
  .alt>img{
      float: left;
      width: 65px;
      height: 90px;
  }
.alt>button{
    top: 6px;
    right: 15px;
    height: 30px;
    width: 60px;
    border: 1px solid red;
    outline: none;
    background: none;
    color: red;
}
span{
  color: #f5f5f5;
  font-size: 13px;
  width: 10px;
  height: 10px;
  background-color: #d2d6dc;
}
.nav{
  width: 100%;
  height: 55px;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  bottom: 0;
}
.nav>div>i{
    font-size: 23px;
}
.nav>a>i{
  font-size: 23px;
}

.nav>div>p{
  font-size: 10px;
}
.nav>a>p{
  font-size: 10px;
}
.ui{
  color: #ff9b61;
}
.one>p{
  color: #ff9b61;
}